<!doctype html>
<html lang="en">
<head>
	<meta charset="UTF-8"> 
	<meta http-equiv="X-UA-Compatible" content="IE=edge"> <!-- 强制去除ie兼容模式 -->
	<title>{dede:global.cfg_webname/}</title>
     {dede:include filename="cssjs.htm"/}
</head>
<body>
<!-- 主体 -->
	<div class="container">
		<!-- 头部 -->
		<div class="header float_c w_1200">
			<div class="f_l"><img src="{dede:global.cfg_templets_skin/}/images/home/logo.jpg" alt="logo"></div>
			<div class="f_r">
				<div class="head_1">
					<a class="head_a1" href="#"></a>
					<a class="head_a2" href="#"></a>
					<span class="pos_r">4000-168-503</span>
					<div class="float_c head_search">
						<input type="text" placeholder="输入关键词">
						<button type="" title="搜索"></button>
					</div>
				</div>
				<div class="head_2">
					<ul class="f_r float_c fs_18">
						{dede:channelartlist typeid = '1'}
						<li><a href="{dede:field name='typeurl'/}">{dede:field name='typename'/}</a></li>
						{/dede:channelartlist}
					</ul>
				</div>
			</div>
		</div>
		<!-- 文章 -->
		<div class="article">
			<!-- 轮播图 -->
            <div class="featured-wrapper">
                <div id="featured-content">
                    <!--<img class="dummy " src="images/empty.gif" alt="" width="750" height="380" />-->
                    <div class="featured-post">
                        <a href="http://sc.chinaz.com/">
                            <img src="{dede:global.cfg_templets_skin/}/images/home/ban1.jpg" alt="怎样给扁平化风格选择合适的字体（附字体案例）" class="featured-thumbnail " />
                        </a>
                    </div>
                    <!-- .featured-post -->
                    <div class="featured-post">
                        <a href="http://sc.chinaz.com/">
                            <img src="{dede:global.cfg_templets_skin/}/images/home/ban2.jpg" alt="一组超酷的饮料类网站设计欣赏" class="featured-thumbnail " />
                        </a>
                    </div>
                    <!-- .featured-post -->
                    <div class="featured-post">
                        <a href="http://sc.chinaz.com/?innovative-navigation-designs">
                            <img src="{dede:global.cfg_templets_skin/}/images/home/ban3.jpg" alt="网页新趋势：革命性的创新网页导航设计" class="featured-thumbnail " />
                        </a>
                    </div>
                    <!-- .featured-post -->
                    <span id="slider-prev" class="slider-nav">←</span>
                    <span id="slider-next" class="slider-nav">→</span>
                </div>
                <!-- #featured-content -->
                <div id="slider-nav">
                    <ul id="slide-thumbs">
                        <li class>
                            <a href="http://sc.chinaz.com/?flat-design-fonts">
                                <img src="{dede:global.cfg_templets_skin/}/images/home/ban1.jpg" alt="怎样给扁平化风格选择合适的字体（附字体案例）" class="slider-nav-thumbnail " />
                            </a>
                        </li>
                        <li class>
                            <a href="http://sc.chinaz.com/?drink-website-gallery">
                                <img src="{dede:global.cfg_templets_skin/}/images/home/ban2.jpg" alt="一组超酷的饮料类网站设计欣赏" class="slider-nav-thumbnail " />
                            </a>
                        </li>
                        <li class>
                            <a href="http://sc.chinaz.com/?innovative-navigation-designs">
                                <img src="{dede:global.cfg_templets_skin/}/images/home/ban3.jpg" alt="网页新趋势：革命性的创新网页导航设计" class="slider-nav-thumbnail " />
                            </a>
                        </li>

                    </ul>
                </div>
                <!-- #slider-nav-->
            </div>
			<!-- 视频中心 -->
			<div class="home_video">
				<div class="w_1200"> 
					<div class="home_video-c">
						<div class="float_c home_video-txt fs_18 hover-a">
							<div class="f_l">视频中心/<span>C</span>ompany <span>V</span>ideo</div>
							<div class="f_r"><a href="#">+更多</a></div>
						</div>
						<p>欧尚用户数量多达6000家，产品视频超过300个。包括各种产品贴标演示视频、客户使用现场视频及教学视频，欢迎拨打4000-168-503索取！</p>
						<div class="pos_r ladyScroll">
							<a class="prev" href="javascript:void(0)"></a>
							<div class="scrollWrap">
								<div class="float_c dlList">
									<dl>
									  <dt>
									  	<a href="#">
									  		<img src="{dede:global.cfg_templets_skin/}/images/home/video-img1.jpg">
									  	</a>
									  	<span>甜美展现得淋漓尽致</span>
									  </dt> 
									</dl>
									<dl>
									  <dt>
									  	<a href="#">
									  		<img src="{dede:global.cfg_templets_skin/}/images/home/video-img1.jpg">
									  	</a>
									  	<span>甜美展现得淋漓尽致</span>
									  </dt> 
									</dl>
									<dl>
									  <dt>
									  	<a href="#">
									  		<img src="{dede:global.cfg_templets_skin/}/images/home/video-img1.jpg">
									  	</a>
									  	<span>甜美展现得淋漓尽致</span>
									  </dt> 
									</dl>
									<dl>
									  <dt>
									  	<a href="#">
									  		<img src="{dede:global.cfg_templets_skin/}/images/home/video-img1.jpg">
									  	</a>
									  	<span>甜美展现得淋漓尽致</span>
									  </dt> 
									</dl>
									<dl>
									  <dt>
									  	<a href="#">
									  		<img src="{dede:global.cfg_templets_skin/}/images/home/video-img1.jpg">
									  	</a>
									  	<span>甜美展现得淋漓尽致</span>
									  </dt> 
									</dl>
									<dl>
									  <dt>
									  	<a href="#">
									  		<img src="{dede:global.cfg_templets_skin/}/images/home/video-img1.jpg">
									  	</a>
									  	<span>甜美展现得淋漓尽致</span>
									  </dt> 
									</dl>
									<dl>
									  <dt>
									  	<a href="#">
									  		<img src="{dede:global.cfg_templets_skin/}/images/home/video-img1.jpg">
									  	</a>
									  	<span>甜美展现得淋漓尽致</span>
									  </dt> 
									</dl>
								</div> 
							</div>
							<a class="next" href="javascript:void(0)"></a>
						</div>
					</div>
				</div>
			</div>
			<!-- 产品中心 -->
			<div class="w_1200 product float_c">
				<div class="product_nav f_l">
					<strong>欧尚科技产品中心</strong>
					<ul class="list_none">
                        {dede:channelartlist typeid='4'}
                            <li>
                                <span>{dede:field name="typename"/}</span>
                                <i class="product_nav-on"></i>
                                <div style="display: block">
                                    {dede:channel type='son' }
                                        <a href="[field:typelink/]">[field:typename/]</a>
                                    {/dede:channel}
                                </div>
                            </li>
                        {/dede:channelartlist}
					</ul>
				</div>
				<div class="product_content f_r fs_14">
					<!-- 通用导航 -->
					<div class="p_nav float_c hover-a">
						<div class="f_l"><span>超声波口罩机系列</span> / ULTRASONIC MASK MAHINE SERIES</div>
						<div class="f_r"><a href="#">+更多</a></div>
					</div> 
					<!-- 产品图 -->
					<ul class="list_none float_c product_pic">
                        {dede:arclist  typeid='4' row='10'}
						<li>
							<a href="[field:typelink/]">
								<img src="[field:litpic/]" alt="[field:title/]" />
								<p>[field:title/]<span>AS-A11</span></p>
							</a>
							<div class="pro_link float_c txt_c">
								<a href="[field:typelink/]">产品详情 <span>&gt;&gt;</span></a>
								<a href="#">批发咨询 <span>&gt;&gt;</span></a>
							</div>
						</li>
                        {/dede:arclist}
					</ul>
				</div>
			</div>
			<!-- banner 客服热线 -->
			<div class="banner-s"></div>
			<!-- 关于欧尚 -->
			<div class="content-Os pos_r">
                {dede:channelartlist typeid='3'}
                    {dede:field.content/}
                {/dede:channelartlist}
			</div>
			<!-- 成功案例 -->
			<div class="case-win">
				<div class="w_1200">
					<div class="case-title"></div>
					<div class="txt_c case-p c_white">越来越多客户朋友选择信任欧尚科技贴标机</div>
					<div class="case-slide pos_r">
						<a class="prev" href="javascript:void(0)"></a>
						<div class="caseSlide pos_r">  
							<ul class="list_none float_c">
								<li>
									<a href="#"><img src="{dede:global.cfg_templets_skin/}/images/home/case-link1.jpg" alt="红太阳"></a>
									<a href="#"><img src="{dede:global.cfg_templets_skin/}/images/home/case-link5.jpg" alt="澜花语"></a>
								</li>
								<li>
									<a href="#"><img src="{dede:global.cfg_templets_skin/}/images/home/case-link2.jpg" alt="红太阳"></a>
									<a href="#"><img src="{dede:global.cfg_templets_skin/}/images/home/case-link6.jpg" alt="澜花语"></a>
								</li> 
								<li>
									<a href="#"><img src="{dede:global.cfg_templets_skin/}/images/home/case-link3.jpg" alt="红太阳"></a>
									<a href="#"><img src="{dede:global.cfg_templets_skin/}/images/home/case-link7.jpg" alt="澜花语"></a>
								</li>
								<li>
									<a href="#"><img src="{dede:global.cfg_templets_skin/}/images/home/case-link4.jpg" alt="红太阳"></a>
									<a href="#"><img src="{dede:global.cfg_templets_skin/}/images/home/case-link8.jpg" alt="澜花语"></a>
								</li> 
								<li>
									<a href="#"><img src="{dede:global.cfg_templets_skin/}/images/home/case-link1.jpg" alt="红太阳"></a>
									<a href="#"><img src="{dede:global.cfg_templets_skin/}/images/home/case-link1.jpg" alt="澜花语"></a>
								</li>
								<li>
									<a href="#"><img src="{dede:global.cfg_templets_skin/}/images/home/case-link1.jpg" alt="红太阳"></a>
									<a href="#"><img src="{dede:global.cfg_templets_skin/}/images/home/case-link1.jpg" alt="澜花语"></a>
								</li>
							</ul>
						</div>
						<a class="next" href="javascript:void(0)"></a>
					</div>
				</div>
			</div>
			<!-- 公司动态 -->

			<div class="tearn">
				<div class="w_1200 float_c tearn-box">
                    {dede:channelartlist typeid='11'}
                        <div class="f_l dashed_tearn pos_r">
                            <!-- 通用导航 -->
                            <div class="p_nav float_c hover-a">
                                <div class="f_l"><span>{dede:field name="typename"/}</span></div>
                                <div class="f_r"><a href="{dede:field name='typeurl'/}">+ 更多</a></div>
                            </div>
                            <!--{dede:field name='content'/}-->

                            <ul class="list_none tearn_txt mt_20">
                                {dede:channel type='son' }
                                    <li>
                                        <a class="float_c" href="[field:typelink/]">
                                            <div class="f_l">
                                                <span class="fm_st">&gt;&gt; </span>[field:typename/]
                                            </div>
                                            <span class="f_r">[field:date/]</span>
                                        </a>
                                    </li>
                                {/dede:channel}
                            </ul>
                        </div>
                    {/dede:channelartlist}
			    </div>
				<div class="w_1200 txt_c mt_25"><img src="{dede:global.cfg_templets_skin/}/images/home/tearn-bg.jpg"/></div>
			</div>
		<!-- 底部 -->
		  {dede:include filename="foot.htm"/}
	</div>
<!-- 脚本 -->
	<script id="-mob-share" src="http://f1.webshare.mob.com/code/mob-share.js?appkey=16f5bc3d9d02a"></script>
    <script type="text/javascript" src="{dede:global.cfg_templets_skin/}/js/jquery.js"></script>
    <script src="{dede:global.cfg_templets_skin/}/js/jquery.min.js"></script>
    <script src="{dede:global.cfg_templets_skin/}/js/jquery.masonry.min.js"></script>
    <script src="{dede:global.cfg_templets_skin/}/js/jquery.cycle.min.js"></script>
	<script src="{dede:global.cfg_templets_skin/}/js/jquery.SuperSlide.2.1.1.js?v=20160901"></script>
	<script src="{dede:global.cfg_templets_skin/}/js/iealert.js"></script>
	<script>
        var slider_settings = {"timeout":"6000"};
		$(function(){

			// 首页 轮播图
			jQuery(".home_banner").slide({
				titCell:".btn_banner ul",
				mainCell:".pic_banner ul",
				effect:"fold",
				autoPlay:true,
				autoPage:"<li></li>",
				trigger:"mouseover" //行为: 点击 click , 经过 mouseover
			})
			//视频中心
			jQuery(".ladyScroll").slide({
				mainCell:".dlList",
				effect:"leftLoop",
				vis:6,
				autoPlay:true
			})
			//产品中心 左侧
			$(".product_nav ul li").click(function(){
				$(this).find("i").toggleClass("product_nav-on");
				$(this).find("div").stop(true,true).slideToggle("slow")
			})
			//企业文化 滑动
			jQuery(".cultureSlide").slide({
				mainCell:".culture-c ul",
				effect:"leftLoop",
				vis:4
			})
			// 点击替换大图
			$(".culture-c li").click(function(){
				$("#img-box").html($(this).html())
			})
			//成功案例 滑动
			jQuery(".case-slide").slide({
				mainCell:".caseSlide ul",
				effect:"leftLoop",
				vis:4
			})
			// 判断 IE 是否小于等于 8
			$(function() {
				var Sys = {};
			    var ua = navigator.userAgent.toLowerCase();
			    var s;
			    (s = ua.match(/msie ([\d.]+)/)) ? Sys.ie = s[1] :
			    (s = ua.match(/firefox\/([\d.]+)/)) ? Sys.firefox = s[1] :
			    (s = ua.match(/chrome\/([\d.]+)/)) ? Sys.chrome = s[1] :
			    (s = ua.match(/opera.([\d.]+)/)) ? Sys.opera = s[1] :
			    (s = ua.match(/version\/([\d.]+).*safari/)) ? Sys.safari = s[1] : 0;

			//以下进行测试
			    // if (Sys.ie) document.write('IE: ' + Sys.ie);
			    var ieversion = parseInt(Sys.ie);
			    if(ieversion < 8){
			        // alert(Sys.ie);
			        window.location.href = "ie.html";
			    }
			})

            /* Remove a class from the body tag if JavaScript is enabled */
            jQuery( 'body' ).removeClass( 'no-js' );

            /* Masonry */
            var $container = jQuery( '.hfeed-more');
            var width = $container.width();
            $container.imagesLoaded( function() {
                $container.masonry( {
                    temSelector: '.hentry',
                    columnWidth: width * 0.4787234042553191,
                    gutterWidth: width * 0.0425531914893617,
                    isResizable: true,
                } );
            } );

            /* Cycle */
            jQuery( '#featured-content' ).cycle( {
                slideExpr: '.featured-post',
                fx: 'fade',
                speed: 500,
                timeout: slider_settings.timeout,
                cleartypeNoBg: true,
                pager: '#slide-thumbs',
                slideResize:   true,
                containerResize: false,
                width: '100%',
                fit: 1,
                prev: '#slider-prev',
                next: '#slider-next',
                pagerAnchorBuilder: function( idx, slide ) {
                    // return selector string for existing anchor
                    return '#slide-thumbs li:eq(' + idx + ') a';
                }
            } );

            /* FitVids */
            jQuery( ".entry-content" ).fitVids();
		})
//
//	var index = 0;
//	var timer = 0;
//	var ulist = $('.img_list ul');
//	var blist = $('.btn_list ul');
//	var list = ulist.find('li');
//	var llength = list.length;//li的个数，用来做边缘判断
//	var lwidth = $(list[0]).width();//每个li的长度，ul每次移动的距离
//	var uwidth = llength * lwidth;//ul的总宽度
//
//	function init(){
//		//生成按钮(可以隐藏)
//		addBtn(list);
//		//显示隐藏左右点击开关
//		$('.link').css('display', 'block');
//		$('.link').bind('click', function(event) {
//			var elm = $(event.target);
//			doMove(elm.attr('id'));
//			return false;
//		});
//
//		//初始化描述
//		var text = ulist.find('li').eq(0).find('img').attr('alt');
//		var link = ulist.find('li').eq(0).find('a').attr('href');
//		$('.img_intro .text a').text(text);
//		$('.img_intro .text a').attr('href',link);
//		auto();
//	}
//
//	function auto(){
//		//定时器
//		timer = setInterval("doMove('toRight')",5000);
//
//		$('.img_list li, .btn_list li').hover(function() {
//			clearInterval(timer);
//		}, function() {
//			timer = setInterval("doMove('toRight')",5000);
//		});
//	}
//
//	function changeBtn(i){
//		blist.find('li').eq(i).addClass('on').siblings().removeClass('on');
//		var text = ulist.find('li').eq(i).find('img').attr('alt');
//		var link = ulist.find('li').eq(i).find('a').attr('href');
//		$('.img_intro .text a').text(text);
//		$('.img_intro .text a').attr('href',link);
//	}
//
//	function addBtn (list){
//		for (var i = 0; i < list.length; i++) {
//			var imgsrc = $(list[i]).find('img').attr('src');
//			var listCon = '<li><img src="'+imgsrc+'""></li>';
//			$(listCon).appendTo(blist);
//			//隐藏button中的数字
//			//list.css('text-indent', '10000px');
//		};
//		blist.find('li').first().addClass('on');
//		blist.find('li').click(function(event) {
//			var _index = $(this).index();
//			doMove(_index);
//		});
//	}
//
//	function doMove(direction){
//		//向右按钮
//		if (direction =="toRight") {
//			index++;
//			if ( index< llength) {
//				uwidth = lwidth *index;
//				ulist.css('left',-uwidth);
//				//ulist.animate({left: -uwidth}, 1000);
//
//			}else{
//				ulist.css('left','0px');
//				index = 0;
//			};
//			//向左按钮
//		}else if(direction =="toLeft"){
//			index--;
//			if ( index < 0) {
//				index = llength - 1;
//			}
//			uwidth = lwidth *index;
//			ulist.css('left',-uwidth);
//			//ulist.animate({left: -uwidth}, "slow");
//			//点击数字跳转
//		}else{
//			index = direction;
//			uwidth = lwidth *index;
//			ulist.css('left',-uwidth);
//		};
//		changeBtn(index);
//	}
//	init();
	</script>
</body>
</html> 